<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天气预报</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="tq clearfix">
    <div class="ipt clearfix">
        <i></i>
        <input type="text" placeholder="请输入所查询的城市" id="iput">
    </div>
    <div style="margin-top: 10px;"><span id="cnty"></span>><span id="city"></span>>城区</div>
    <ul class="clearfix" id="ul">
        <!--<li>
            <h1>19日</h1>
            <i class="png40 d01"></i>
            <i class="png40 d01"></i>
            <p class="wea">多云</p>
            <p class="tem">
                <span>23</span>
                /
                <i>16℃</i>
            </p>
            <p class="win">
                <em class="se">西北风</em>
                <i><3级</i>
            </p>
        </li>-->

    </ul>
    <span id="bt">分时段预报</span>
    <hr>
    <ol id="ol" class="clearfix">
        <!--<li>
            <em>08时</em>
            <i class="png40 d01"></i>
            <p class="wea">18℃</p>
            <p class="win">
                <em class="se">西北风</em>
                <i><3级</i>
            </p>
        </li>-->
    </ol>
    <span id="btc">生活指数</span>
    <hr>

    <ul class="clearfix" id="uli">
        <li class="li1">
            <i class="ipc1"></i>
            <span></span>
            <em>紫外线指数</em>
            <p></p>
        </li>
        <li class="li2">
            <i class="ipc2"></i>
            <span></span>
            <em>减肥指数</em>
            <p></p>

        </li>
        <li class="li3">
            <i class="ipc3"></i>
            <span></span>
            <em>健臻·血糖指数</em>
            <p></p>
        </li>
        <li class="li4">
            <i class="ipc4"></i>
            <span></span>
            <em>穿衣指数</em>
            <p></p>
        </li>
        <li class="li5">
            <i class="ipc5"></i>
            <span></span>
            <em>洗车指数</em>
            <p></p>
        </li>
        <li class="li6">
            <i class="ipc6"></i>
            <span></span>
            <em>空气污染扩散指数</em>
            <p></p>
        </li>
    </ul>


</div>

<script src="js/script.js"></script>
</body>
</html>